
<script>
    $(function() {
        $("#btthemdulieu").bind("click", Add1);
    });
    function Add1() {
        $("#tbthemdulieu tbody").append("<tr>" + "<td><input type='text' placeholder='Tên dữ liệu' name='Nhan[]' required /></td>"
                + "<td><input type='text' placeholder='Ví dụ: A7' name='ViTriO[]' required /></td>"
                + "<td><select name='type[]'><option value='1'>Dòng ký tự</option>"
                + "<option value='2'>Văn bản</option></select></td>"
                + "<td><input type='button' value='Xóa' onclick='deleteRow1(this)'></td>"
                + "</tr>");

    }
    ;
    function deleteRow1(r)
    {
        var i = r.parentNode.parentNode.rowIndex;
        document.getElementById("tbthemdulieu").deleteRow(i);
    }

    $(function() {
        $("#btthemdulieuht").bind("click", Add2);
    });

    function deleteRow2(r)
    {
        var i = r.parentNode.parentNode.rowIndex;
        document.getElementById("tbthemdulieuht").deleteRow(i);
    }

    function Add2() {
<?php
$bien = array(
    'Ma_SV' => 'Mã sinh viên',
    'HoTen_SV' => 'Họ Tên',
    'NgaySinh_SV' => 'Ngày sinh',
    'Nganh_SV' => 'Ngành học',
    'Lop_SV' => 'Lớp',
    'KhoaHoc_SV' => 'Khóa học',
    'GioiTinh_SV' => 'Giới tình',
    'DienThoai_SV' => 'Số điện thoại',
    'Email_SV' => 'Email',
    'HeDaoTao_SV' => 'Hệ đào tạo',
    'LoaiHinhDaoTao_SV' => 'Loại hình đào tạo',
    'DiaChi_SV' => 'Địa chỉ sinh viên',
    'CMND_SV' => 'Số chứng minh nhân dân',
    'QueQuan_SV' => 'Quê quán',
    'DanToc_SV' => 'Dân tộc',
    'NoiCongTac_SV' => 'Nơi công tác',
    'Khoa_SV' => 'Khoa học',
    'NgayNhapHoc_SV' => 'Ngày ngày nhập học',
);
$optionsbien = '';
foreach ($bien as $key => $value) {
    $optionsbien.='<option value=\"' . $key . '\" >' . $value . '</option>';
}
?>

        $("#tbthemdulieuht tbody").append("<tr>" + "<td><select name='Nhan1[]'><?php echo $optionsbien; ?></select></td>"
                + "<td><input type='text' placeholder='Tên dữ liệu' name='ViTriO1[]' required /></td>"
                + "<td><input type='button' value='Xóa' onclick='deleteRow2(this)'/></td>"

                + "</tr>");

    }
    ;
</script>
<div id="thembieumau">

    <fieldset>
        <form action="<?php echo base_url() ?>canbo/xuly_thembieumau" method="post" enctype="multipart/form-data">

            <input type="hidden" name="Ma_BieuMau"  value="<?php echo $Ma_BieuMau; ?>" />

            <table  >
                <caption>
                    <h3>Thêm biểu mẫu</h3>
                </caption>
                <tr><td></td>
                    <td><input type="file" name="fileupload" size="30" required /></td>
                </tr>
                <tr>
                    <td>Tên biểu mẫu: </td>
                    <td><input type="text" name="TenBieuMau" required= ></td>
                </tr>
                <tr>
                    <td>Mô tả : </td>
                    <td><textarea name="MoTa" required style="width: 400px;height: 150px"></textarea></td>
                </tr>
                <tr>
                    <td>Loại : </td>
                    <td>
                        <select name="Loai">
                            <option value="1">Đơn gửi hệ thống</option>
                            <option value="0">Đơn gửi phòng công tác</option>
                        </select>
                    </td>
                </tr>
            </table>
            <br/>

            <table id="tbthemdulieu">
                <caption>
                    <h3>Ô dữ liệu nhập</h3>
                </caption>
                <tr>
                    <th  >Tên dữ liệu</th>
                    <th >Vị trí ô excel</th>
                    <th >Kiểu nhập</th>     
                    <th> Xóa</th>

                </tr>
            </table>
            <button type="button" id="btthemdulieu">Thêm ô dữ liệu nhập</button>

            <br/>

            <table id="tbthemdulieuht">
                <caption>
                    <h3>Ô dữ liệu trong hồ sơ</h3>
                </caption>
                <tr>
                    <th  >Tên dữ liệu</th>
                    <th >Vị trí ô excel</th>
                    <th>Xóa</th>


                </tr>
            </table>
            <button type="button" id="btthemdulieuht">Thêm du liệu trong hệ thống</button>
    </fieldset>
    <button type="submit" name="bt" value="1">Tạo đơn</button>
    <button type="submit" name="bt" value="0">Hủy</button>
</form>

</div>